<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MechBUDDY Admin Section</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-------------------calendar scripts----------------------->
<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript" src="js/fullcalendar.min.js"></script>
<link href="css/fullcalendar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
    // page is now ready, initialize the calendar...
    $('#fullcalendar').fullCalendar({
		header: {
			left: 'prev',
			center: 'title',
			right: 'next'
			},
		buttonText: {
			prev: '&laquo;',
			next: '&raquo;'
		},
		weekMode: 'liquid',
		events: function(start, end, callback) {
        $.ajax({
            url: '/eventjs_full.php',
         dataType: 'xml',
            data: {
                // our hypothetical feed requires UNIX timestamps
                start: Math.round(start.getTime() / 1000),
                end: Math.round(end.getTime() / 1000)
            },
            success: function(doc) {
                var events = [];
                $(doc).find('event').each(function() {
				    if ($(this).attr('className')) {
						events.push({
							title: $(this).attr('title'),
							url: $(this).attr('url'),
							className: $(this).attr('className'),
							start: $(this).attr('start') // will be parsed
						});
					} else {
						events.push({
							title: $(this).attr('title'),
							url: $(this).attr('url'),
							start: $(this).attr('start') // will be parsed
						});					
					}
                });
                callback(events);
            }
        });
    }
	});
});
</script>
<!-------------------calendar scripts END----------------------->

</head>

<body>
<div id="topText">
	welcome client X
</div>
<div id="adminPanel">
<table width="967" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="7" height="7"><img src="images/ctrlL1.jpg" width="7" height="7" /></td>
    <td width="946" background="images/ctrlT.jpg"><img src="images/ctrlT.jpg" width="3" height="7" /></td>
    <td width="7" height="7"><img src="images/ctrlR1.jpg" width="7" height="7" /></td>
  </tr>
  <tr>
    <td background="images/ctrlL2.jpg"><img src="images/ctrlL2.jpg" width="7" height="3" /></td>
    <td>
    
                <h6>Admin Section</h6>
            <div id="logoAndBanner">
            <div id="logo"><img src="images/logo.gif" alt="logo" /></div>
            <div id="banner">
              <p>specializing in luxury autos and German<br />
              car repair</p>
              <p>Offering Customers Full Auto Repair Services</p>
            </div>
            <div class="clear"></div>
            </div>
            
            <div id="menu-btns">
            	<table width="936" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="86" align="center"><div class="menuBTN"><a href="#"><img src="images/administrator.jpg" alt="admin" width="35" height="45" border="0" /><br />
                        <p>Administrator</p></a></div></td>
                        <td width="84">&nbsp;</td>
                        <td width="85" align="center"><div class="menuBTN"><a href="#"><img src="images/staff.jpg" alt="admin" width="38" height="45" border="0" /><br />
                                <p>Staff</p>
                        </a></div></td>
                        <td width="85">&nbsp;</td>
                        <td width="85" align="center"><div class="menuBTN"><a href="#"><img src="images/book.jpg" alt="admin" width="41" height="45" border="0" /><br />
                                <p>Appoinment</p>
                        </a></div></td>
                        <td width="85">&nbsp;</td>
                        <td width="85" align="center"><div class="menuBTN"><a href="#"><img src="images/workorder.jpg" alt="admin" width="44" height="45" border="0" /><br />
                                <p>Work Order</p>
                        </a></div></td>
                        <td width="85">&nbsp;</td>
                        <td width="85" align="center"><div class="menuBTN"><a href="#"><img src="images/tasks.jpg" alt="admin" width="43" height="45" border="0" /><br />
                                <p>Tasks</p>
                        </a></div></td>
                        <td width="85">&nbsp;</td>
                        <td width="86" align="center"><div class="menuBTN"><a href="#"><img src="images/memos.jpg" alt="admin" width="45" height="45" border="0" /><br />
                                <p>Memos</p>
                        </a></div></td>
                  </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center"><div class="menuBTN"><a href="#"><img src="images/accounting.jpg" alt="admin" width="24" height="45" border="0" /><br />
                                <p>Accounting</p>
                        </a></div></td>
                        <td>&nbsp;</td>
                        <td align="center"><div class="menuBTN"><a href="#"><img src="images/customers.jpg" alt="admin" width="49" height="45" border="0" /><br />
                                <p>Customers</p>
                        </a></div></td>
                        <td>&nbsp;</td>
                        <td align="center"><div class="menuBTN"><a href="#"><img src="images/report.jpg" alt="admin" width="38" height="45" border="0" /><br />
                                <p>Reports</p>
                        </a></div></td>
                        <td>&nbsp;</td>
                        <td align="center"><div class="menuBTN"><a href="#"><img src="images/directory.jpg" alt="admin" width="33" height="45" border="0" /><br />
                                <p>Dircetory</p>
                        </a></div></td>
                        <td>&nbsp;</td>
                        <td align="center"><div class="menuBTN"><a href="#"><img src="images/logoff.jpg" alt="admin" width="41" height="45" border="0" /><br />
                                <p>Log off</p>
                        </a></div></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                </table>

            </div>

    
    </td>
    <td width="7" background="images/ctrlR2.jpg"><img src="images/ctrlR2.jpg" width="7" height="4" /></td>
  </tr>
  <tr>
    <td height="7" width="7"><img src="images/ctrlBL.jpg" width="7" height="7" /></td>
    <td background="images/ctrlB.jpg"><img src="images/ctrlB.jpg" width="3" height="7" /></td>
    <td height="7" width="7"><img src="images/ctrlBR.jpg" width="7" height="7" /></td>
  </tr>
</table>
</div>
<div id="contentDiv">
	<table width="967" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="7" height="7"><img src="images/contentTblTL.jpg" width="7" height="7" /></td>
    <td width="946" background="images/ctrlT.jpg"><img src="images/ctrlT.jpg" width="3" height="7" /></td>
    <td width="7" height="7"><img src="images/contentTblTR.jpg" width="7" height="7" /></td>
  </tr>
  <tr>
    <td background="images/ctrlL2.jpg"><img src="images/ctrlL2.jpg" width="7" height="3" /></td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
        <h1>Calendar</h1>
      <p><div id="calendar-box"><div id="fullcalendar"></div></div></p>
        </td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="43%"><h1>Appointments</h1></td>
            <td>&nbsp;</td>
            <td width="55%"><h1>Tasks</h1></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="43%" height="327" align="left" valign="top"><table id="appointment" width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td bgcolor="#000000"><h3>Name</h3></td>
                <td bgcolor="#000000"><h3>Phone#</h3></td>
                <td bgcolor="#000000"><h3>Date/Time</h3></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus </td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span><br /></td>
              </tr>
              <tr>
                <td>Mid rhoncus <br /></td>
                <td>647-486-4487<br /></td>
                <td><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus <br /></td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td>Mid rhoncus <br /></td>
                <td>647-486-4487<br /></td>
                <td><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus <br /></td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td>Mid rhoncus <br /></td>
                <td>647-486-4487<br /></td>
                <td><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus <br /></td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td>Mid rhoncus <br /></td>
                <td>647-486-4487<br /></td>
                <td><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus <br /></td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td>Mid rhoncus <br /></td>
                <td>647-486-4487<br /></td>
                <td><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus <br /></td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td>Mid rhoncus </td>
                <td>647-486-4487<br /></td>
                <td><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
              <tr>
                <td bgcolor="#e5e5e5">Mid rhoncus <br /></td>
                <td bgcolor="#e5e5e5">647-486-4487<br /></td>
                <td bgcolor="#e5e5e5"><span class="date">May 05 / 9.00 AM</span></td>
              </tr>
            </table></td>
            <td>&nbsp;</td>
            <td width="55%" align="left" valign="top"><table id="tasks" width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="69%" height="43" bgcolor="#d9d9d9"><h3>List of Work Orders</h3></td>
                <td width="31%" bgcolor="#d9d9d9"><h3>Priority</h3></td>
              </tr>
              <tr>
                <td height="16" bgcolor="#e5e5e5"><table width="100%" border="0" cellspacing="2" cellpadding="2">
                  <tr>
                    <td colspan="2" class="task-name">Task number 1</td>
                    </tr>
                  <tr>
                    <td width="5%" align="right" valign="top">--</td>
                    <td width="95%"> Dolor integer lorem mus amet mauris! Aliquam? Sit lacus enim turpis ac mus nunc quis. Aliquet urna mattis, phasellus dapibus! Vel rhoncus adipiscing porttitor. Montes! </td>
                  </tr>
                </table></td>
                <td bgcolor="#e5e5e5"><span class="date">High</span><br /></td>
              </tr>
              <tr>
                <td height="16"><table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                      <td colspan="2" class="task-name">Task number 2</td>
                    </tr>
                    <tr>
                      <td width="5%">--</td>
                      <td width="95%"> Dolor integer lorem mus amet mauris! Aliquam? Sit lacus enim turpis ac mus nunc quis. Aliquet urna mattis, phasellus dapibus! Vel rhoncus adipiscing porttitor. Montes! </td>
                    </tr>
                </table></td>
                <td><span class="date">Medium</span><br /></td>
              </tr>
              <tr>
                <td height="16" bgcolor="#e5e5e5"><table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                      <td colspan="2" class="task-name">Task number 3</td>
                    </tr>
                    <tr>
                      <td width="5%" align="right" valign="top">--</td>
                      <td width="95%"> Dolor integer lorem mus amet mauris! Aliquam? Sit lacus enim turpis ac mus nunc quis. Aliquet urna mattis, phasellus dapibus! Vel rhoncus adipiscing porttitor. Montes! </td>
                    </tr>
                </table></td>
                <td bgcolor="#e5e5e5"><span class="date">High</span><br /></td>
              </tr>
              <tr>
                <td height="16"><table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                      <td colspan="2" class="task-name">Task number 4</td>
                    </tr>
                    <tr>
                      <td width="5%" align="right" valign="top">--</td>
                      <td width="95%"> Dolor integer lorem mus amet mauris! Aliquam? Sit lacus enim turpis ac mus nunc quis. Aliquet urna mattis, phasellus dapibus! Vel rhoncus adipiscing porttitor. Montes! </td>
                    </tr>
                </table></td>
                <td>Medium<br /></td>
              </tr>
              <tr>
                <td height="16" bgcolor="#e5e5e5"><table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                      <td colspan="2" class="task-name">Task number 5</td>
                    </tr>
                    <tr>
                      <td width="5%" align="right" valign="top">--</td>
                      <td width="95%"> Dolor integer lorem mus amet mauris! Aliquam? Sit lacus enim turpis ac mus nunc quis. Aliquet urna mattis, phasellus dapibus! Vel rhoncus adipiscing porttitor. Montes! </td>
                    </tr>
                </table></td>
                <td bgcolor="#e5e5e5"><span class="date">Medium</span><br /></td>
              </tr>

            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td background="images/ctrlR2.jpg"><img src="images/ctrlR2.jpg" width="7" height="4" /></td>
  </tr>
  <tr>
    <td height="7" width="7"><img src="images/ctrlBL.jpg" width="7" height="7" /></td>
    <td background="images/ctrlB.jpg"><img src="images/ctrlB.jpg" width="3" height="7" /></td>
    <td height="7" width="7"><img src="images/ctrlBR.jpg" width="7" height="7" /></td>
  </tr>
</table>
</div><!--edning #contentDiv-->
<div id="footerDiv">
	<div id="footer">
    	<div id="mechbuddyLogo">
        Powered by<br /><br />


          <a href="#"><img src="images/bechbuddy-logo.jpg" alt="mechbuddy" border="0" /></a> </div>
        <div class="clear">
        </div>
    </div>
</div>
</body>
</html>
